<template>
	<div id="app">
		<!--顶部-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">关于我们</h1>
		</header>
		<div class="my_content mui-content">
			<div class="my_lie">
				<ul>
					<li class="my_lie_li">
						<div class="my_li_left my_li_left1">
							<h4>当前版本</h4>
						</div>
						<div class="my_li_right">
							<span class="deng">智慧社区1.0</span>
							<i></i>							
						</div>
					</li>
					<li class="my_lie_li" @click="onderurl('/my/my_introduction','',0)">
						<div class="my_li_left my_li_left1">
							<h4>简单介绍</h4>
						</div>
						<div class="my_li_right">
							<i></i>
							
						</div>
					</li>
					<li class="my_lie_li">
						<div class="my_li_left my_li_left3">
							<h4>官方客服</h4>
						</div>
						<div class="my_li_right" @click="onphone">
							<span>{{phone}}</span>
							<i class="phone"></i>
						</div>
					</li>
					<li class="my_lie_li">
						<div class="my_li_left my_li_left4">
							<h4>官网信息</h4>
						</div>
						<div class="my_li_right">
							<span>shequ.sxbctv.com</span>
							<i></i>
						</div>
					</li>
				</ul>

			</div>
		
		</div>
	</div>
</template>

<script>
export default {
	name:'my_about',
	data(){
		return{
			phone:''
		};
	},
	methods:{
		onderurl:function(url,val,type){
			if(type == 1){
				this.$router.push({path:url,query: { queryId:  val }});
			}else{
				this.$router.push(url);
			}
		},
		//拨打电话
		onphone:function(){
			var btnArray=['拨打','取消'];
			var phone = this.phone;
			mui.confirm('是否拨打'+phone+'?','提示',btnArray,function(e){
				if(e.index == 0){
					plus.device.dial(phone,false);
				}
			});
		}
	},
	mounted(){
		this.$axios.get("api/User/jianjie").then(res=>{
			this.phone = res.phone;
		});
		
	},
    components:{
       
    }
}
</script>
<style lang="less" scoped>
@import "../../../static/pxvalue.less";
@import "../../assets/less/my/my_about.less";
</style>